Component({
  data: {
    activeIndex: 0, // 表示当前激活的下标
    list: [
      {
        pagePath: "/pages/home/home",
        text: "首页",
        iconPath: "/images/home.png",
        selectedIconPath: "/images/home_act.png",
      },
      {
        pagePath: "/pages/about/about",
        text: "关于页",
        iconPath: "/images/about.png",
        selectedIconPath: "/images/about_act.png",
      },
    ],
  },

  methods: {
    handleTap(event) {
        // console.log(event)
        // 获取参数
        const { item, index } = event.currentTarget.dataset
        console.log('index', index)

        // 修改 activeIndex 的值
        //  TIPS： 这是不OK的，原因是 每个Tab页面下面的 TabBar 组件是不同的实例。
        //         解决方案是在Tab页面中，通过 this.getTabbar() 获取到当前Tab页的 TabBar
        //         组件实例，然后去修改它的 activeIndex
        // this.setData({
        //     activeIndex: index
        // })

        // 跳转Tab页面
        wx.switchTab({
          url: item.pagePath,
        })

        // console.log(item)
    }
  }
});
